<template>
  <div class="content">
    <p class="my-account">我的账户</p>
    <p class="account-title">
      <router-link to="/PersonalCenter/Orders"
                   class="link">我的订单</router-link>
    </p>
    <p class="account-details">随时查看您的订单的状态。 如果订单在寄往您的地址中，您可以通过跟踪链接去查看订单状态。</p>
    <p class="account-title">
      <router-link to="/PersonalCenter/PersonalInformation"
                   class="link">个人信息</router-link>
    </p>
    <p class="account-details">您可以查看和修改个人资料（姓名、地址、电话...）和您的的联系方式，以方便今后的购物。</p>
    <p class="account-title">
      <router-link to="/PersonalCenter/ModifyPassword"
                   class="link">存取资料</router-link>
    </p>
    <p class="account-details">您可以更改您的登录资料（电子邮箱地址和密码）。为了您账户的安全，请使用安全密码并定期更改它。</p>
    <p class="account-title">
      <router-link to="/PersonalCenter/AddressBook"
                   class="link">地址簿</router-link>
    </p>
    <p class="account-details">请使用地址收藏来存储所有您想要的寄送地址（你的家、工作地点、常住址...）。每次下订单时您就不需要重新填写寄送地址。</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      data: {}
    }
  },
  mounted: function () {
    var _this = this;
    if ($.cookie('front-token') == null) {
      window.location.href = 'http://localhost:60861/#/Login'
    }
  }
}
</script>
<style>
.el-tabs--border-card>.el-tabs__header {
  background-color: white;
  margin: 0;
}

.my-account {
  margin-top: 3%;
  margin-left: 2%;
  font-weight: 900;
  font-size: 1.5em;
}

.account-title {
  margin-left: 2%;
  font-weight: 900;
}

.account-details {
  margin-left: 2%;
  font-size: 0.5em;
}

#personal-center {
  background-color: black;
}

.el-table .info-row {
  background: #c9e5f5;
}

.el-table .positive-row {
  background: #e2f0e4;
}
</style>